<%-- 
    Document   : Employee
    Created on : May 9, 2012, 9:28:43 AM
    Author     : Nguyen Hung
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/richTable.css"/>
        <link rel="stylesheet" type="text/css" href="../css/listtour.css"/>
        <link type="text/css" href="../scripts/scroll/jquery.jscrollpane.css" rel="stylesheet" media="all" />
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/easypaginate.js"></script>

        <script type="text/javascript" language="javascript">
            $j(document).ready(function(){
                $j('input#leavedate1,input#leavedate2').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('.text_search').live('keyup',function(){
                    if($j('.text_search').val() == ""){
                        $j('.noteRow').show();
                        $j('.close').trigger('click');   
                                   
                    }else{
                        $j('.close').trigger('click');   
                        $j('.noteRow').hide();
                        $j('.noteRow').each(function(){
                            html = $j(this).html();                            
                            if(ununicode(html).indexOf(ununicode($j('.text_search').val())) > -1)  {                                
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                });
            });
        </script>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            function isNumberKey(evt)
            {
                var charCode = (evt.which) ? evt.which : event.keyCode
                if (charCode > 31 && (charCode < 48 || charCode > 57))
                    return false;

                return true;
            }
            //            $j(function()
            //            {
            //                $j('.scroll-pane').jScrollPane({showArrows: true});
            //            });
            $j(document).ready(function(){ 
                
                
                $j('.keysearch').live('keyup',function(){
                    if($j('.keysearch').val() == ""){
                        $j('.noteRow').show();
                                   
                    }else{
                        $j('.noteRow').hide();
                        $j('.noteRow').each(function(){
                            html = $j(this).html();
                            if(   ununicode(html).indexOf(  ununicode($j('.keysearch').val()) ) > -1    )  {
                                $j(this).show();
                            }else{
                                $j(this).hide();
                            }
                        });
                    }

                }); 
                    
                $j('.search_box').hide();       
                $j('.clickabc').live('click',function(){
                    $j('.search_box').hide();
                    if($j(this).next().hasClass('active')){
                        
                        $j('.search_box').removeClass('active');
                    }else{

                        $j('.search_box').removeClass('active');
                        $j(this).next().addClass('active');
                        $j(this).next().show();
                       
                    }
                });
                $j(".content_right").live("click",function(){
                    $j('.search_box').hide();
                });
                $j(".btnsave_row").live("click",function(){
                    fv200 =    $j(this).parents(".tour_content_row_content_copy").children(".tour_row1").children(".fv200Select").children('option:selected').text();
                    //alert($j(this).parents(".tour_content_row_content_copy").children(".tour_row1").find(".fv200").attr("class"));
                    //$j(this).parent().find('.tour_row1').children('.service1').children('option:selected').text();    
                });
              
                $j(".tour_content_row_content_copy:even").css("background","#E0EFFC");
              
                
                $j(".linkKH").live("click",function(){
                 
                    fv050 =  $j(this).parents(".content_detail").find(".fv050").val();
                   
                    window.location="customer4tour.jsp?pv050="+fv050;
                });
                $j(".linkTL").live("click",function(){
                 
                    fv050 =  $j(this).parents(".content_detail").find(".fv050").val();
                  
                    window.location="documentTour.jsp?action=linkrecord&fv050="+fv050;
                });
              
                
               
                //update 1 row tour
                $j(".addrow").live("click",function(){
                    fv050 = $j(this).parents(".create_tour_around").find(".fv050").val();   
                    
                });
                
                $j("#combobox_but").click(function(){
                    $j(".codeTour").val("12");
                });
                
                
                $j(".fv050").live("click",function(){
                    fv050 = $j(".fv050").children("option:selected").text();
                   
                    $j(".codeTour").val(fv050);
                    
                    

                 
                });
                $j(".codeTour").live("click",function(){
                    $j(".codeTour").val("");
                });
                
                //                $j(".codeTour").live("mouseout",function(){
                //                    fv050 = $j(".fv050").children("option:selected").text();                 
                //                    $j(".codeTour").val(fv050);
                //                });
             
                fv050 = $j(".fv050").children("option:selected").text();
                 
                $j(".codeTour").val(fv050);
                
                $j(".addform").hide();
                
                $j(".service").live("change",function(){
                    //                    alert("a;pp");
                    //                    //alert("Click event on Select has occurred!");
                    //                    alert($j(this).children("option:selected").val());
                    
                    fv050 = $j(".fv050").children("option:selected").val();
                    if(fv050 != 0){
                        var obj = $j(this).text();
                        var obj1 = $j(this).children("option:selected").val();
                        if(obj1 != null)
                        {
                            $j.post("actionTourservice.jsp?action=serviceitem&id="+obj1);
                        }
                        $j(".addform").css('display',"block");
                        $j(".addform").show('slow');
                        $j.post("actiontotalTour.jsp",function(data){
                            $j(".addform").html(data);
                        });
                    }else{
                        alert("Xin vui lòng chọn Mã tour");
                    }
                        
                        
                                         
                }); 
                
                $j(".itemcountry").live("click",function(){
                    //alert("Click event on Select has occurred!");
                    var id = $j(this).attr("lang");
                    $j.post("actionTourservice.jsp?action=service&id="+id,function(data){
                        $j(".itemaddformcity").html(data);
                    });
                                          
                }); 
                
                $j(".itemcity").live("click",function(){
                    var id = $j(this).attr("lang");
                    $j.post("actionToursupplier.jsp?action=servicesupplier&id="+id,function(data){
                        $j(".itemaddformsupplier").html(data);
                    });
                });
                $j(".itemsuplier").live("click",function(){
                    var id = $j(this).attr("lang");
                    $j.post("actionserviceEnd.jsp?action=serviceend&id="+id,function(data){
                        $j(".itemaddformsupplierend").html(data);
                    });
                });
                
                
                $j('.checkTourCom').live('change',function(){
                    var  fv050 = $j(this).attr('lang');
                    var temp = $j(this).attr('title');
                    var temp1  = temp.indexOf(":");
                    var vv031= temp.substring(0,temp1);
                    var len = temp.length;
                    var vn055= temp.substring(temp1+1,len);
                    var fk100= $j('#form_tour\\:fk100').val();
                    //alert(fk100);
                    //  var flagaddTour =$j('#form_tour\\:flagaddTour').val();
            
             
                    if($j(this).is(':checked')){ 
                        $j('input[lang!='+fv050+'].checkTourCom').attr('checked',false); 
                        $j.ajax({
                            type		: "POST",
                            cache	: false,
                            url		: "submitCompanyTour.jsp?",
                            data		:{fv050:fv050,vv031:vv031,vn055:vn055,fk100:fk100},
                            success: function(data) {
                                $j.fancybox(data);
                            }
                        });  
                    }
                });
                
                $j(".itemserviceend").live("click",function(){
                    $j(".addform").hide('slow');
                });
                        
                
                
                $j('.checkTourCN').live('change',function(){
                    var  fv050 = $j(this).attr('lang');
                    var temp = $j(this).attr('title');
                    var temp1  = temp.indexOf(":");
                    var vv031= temp.substring(0,temp1);
                    var len = temp.length;
                    var vn055= temp.substring(temp1+1,len);
                    var pn100= $j('#form_tour\\:pn100').val();
                    //  alert(pn100);
                    var flagaddTour =$j('#form_tour\\:flagaddTour').val();
            
             
                    if($j(this).is(':checked')){ 
                        $j('input[lang!='+fv050+'].checkTourCN').attr('checked',false); 
                        $j.ajax({
                            type		: "POST",
                            cache	: false,
                            url		: "submitTour.jsp?",
                            data		:{fv050:fv050,vv031:vv031,vn055:vn055,pn100:pn100,flagaddTour:flagaddTour},
                            success: function(data) {
                                $j.fancybox(data);
                            }
                        });  
                    }
                });
                
                
                $j('.showNote').live('click',function(){
                showPleaseWait();
                    // var pb630 = $j(this).attr('lang');  
                    //  var title = $j(this).parent().parent().attr('name');                    
                    $j('.noteContent').slideUp();
                    $j('.noteContent').html(''); 
                    var note = $j(this).parent().parent().next();  
                    // var title = $j(this).parent().parent().attr('lang');  
                    if(note.hasClass('active')){
                        note.removeClass('active');
                    }else{
                                                 
                        note.removeClass('active');
                        note.addClass('active');                                               
                        // showPleaseWait();  
                        fv050 = $j(this).attr('lang');
                        //  alert(fv050);
                        $j.post('listPersonalDD.jsp?action=getIDFv050&FV050='+fv050,function(data){                      
                            if(data !=null){
                                //                                alert(sms.attr('class'));
                                note.css('min-height','50px');
                                note.html(data);
                                note.slideDown();
                                  hidePleaseWait();
                            }
                        });
                        //                    }
                     
                    }
                });
                var fv00050 ='<c:out value="${TourBean.idmenupersonal}"/>';
                $j('.showpersonal'+fv00050).live('click',function(){
                    // var pb630 = $j(this).attr('lang');  
                     showPleaseWait();
                    //  var title = $j(this).parent().parent().attr('name');                    
                    $j('.noteContent').slideUp();
                    $j('.noteContent').html(''); 
                    var note = $j(this).parent().parent().next();  
                    // var title = $j(this).parent().parent().attr('lang');  
                    if(note.hasClass('active')){
                        note.removeClass('active');
                    }else{
                                                 
                        note.removeClass('active');
                        note.addClass('active');                                               
                        // showPleaseWait();  
                        fv050 = $j(this).attr('lang');
                        //  alert(fv050);
                        $j.post('listPersonalDD.jsp?action=getIDFv050&FV050='+fv050,function(data){                      
                            if(data !=null){
                                //                                alert(sms.attr('class'));
                                note.css('min-height','50px');
                                note.html(data);
                                note.slideDown();
                                  hidePleaseWait();
                            }
                        });
                        //                    }
                     
                    }
                });
                
                if(fv00050 !=0){
                    //     alert("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
                    $j('.showpersonal'+fv00050).trigger("click");
                }
                
                $j('.chooseStatus').live('change',function(){
                    // alert($j(this).val());
                    vv065 = $j(this).val();
                    fv050 = $j(this).attr('lang');
                    //  abc = $j(this).parent().attr('class');
                    // alert(abc);
                    // alert($j(this).parent().prev().prev().attr('class'));
                    $j(this).parent().prev().prev().text(vv065);
                    if(fv050 != 0){
                        $j.post("actionstatusTour.jsp?action=updateStatus&VV065="+vv065+"&FV050="+fv050,function(data){
                            if(data != null){
                                hidePleaseWait();
                                // window.location ="listTour.jsp";
                                //                                alert( abc);
                                //                                   abc.css("display","none");
                            }
                        });
                    }
                    $j('.del').trigger("click");
                    
                });
                $j('.chooseStatus1').live('change',function(){
                    // alert($j(this).val());
                    vv065 = $j(this).val();
                    fv050 = $j(this).attr('lang');
                    if(fv050 != 0){
                        $j.post("actionstatusTour.jsp?action=updateStatus&VV065="+vv065+"&FV050="+fv050,function(data){
                            if(data != null){
                                hidePleaseWait();

                            }
                        });
                    }                  
                    $j(this).css("display","none");
                    $j(this).next().next().css("display","block");
                    $j(this).next().next().children().next().prev().text(vv065);
                    
                });
                $j('.showCombo').live("click",function(){  
                    $j(this).prev().hide();
                    $j(this).hide();
                    $j(this).next().css("display","block");
                        
                });
                
                $j('.showCombo1').live("click",function(){  
                    $j(this).parent().hide();
                   
                    $j(this).parent().next().css("display","block");
                        
                });
                $j('.del').live("click",function(){  
                    $j(this).prev().parent().css("display","none");
                       
                    $j(this).prev().parent().prev().show();
                    $j(this).prev().parent().prev().prev().show();
                        
                });
                
               
            });
             
                
        </script>

    </head>
    <body>  
        <a4j:form id="form_tour">
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MNU_TOU_VIE}'></div>" escape="false"/>
            <div id="content">
                <div id="menutop_top">
                    <div class="div_search_menutop">
                        <div class="item_search">

                            <h:inputText onfocus="if(this.value=='search') this.value='';" style="float:left;" styleClass="text_search" value="#{TourBean.keySearch}"/>
                            <div style="float:left;border-top: 1px solid #55ACDB;border-bottom: 1px solid #55ACDB;" class="img_search"> <h:graphicImage style="float:left;" value="../images1/arrow_down.png"/></div>
                            <div style="float:left;border: 1px solid #55ACDB;"> <h:graphicImage styleClass="find_all_emp" style="float:left;" value="../images1/btn_search.png"/></div>
                        </div>
                        <div class="form_search_header">
                            <div class="item_search "><h:outputText value="x" styleClass="close_search" style="font-weight:bold;float:right;margin-right:2.2%;"/></div>
                            <div class="item_search">
                                <table id="table_search">
                                    <tr>
                                        <td class="celltable">
                                            <h:selectOneRadio styleClass="css_radio" value="#{TourBean.typeSearch}">
                                                <f:selectItem itemValue="1" itemLabel="Tên tour" />
                                                <f:selectItem itemValue="2" itemLabel="Code tour" />
                                                <f:selectItem itemValue="3" itemLabel="GIT" />
                                                <f:selectItem itemValue="4" itemLabel="FIT" />
                                                <f:selectItem itemValue="6" itemLabel="OP" />
                                                <f:selectItem itemValue="7" itemLabel="CC" />
                                            </h:selectOneRadio>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td class="celltable">
                                            <h:commandButton      action="#{TourBean.reload}" value="#{locale.search}"  styleClass="buttonsearch">
                                            </h:commandButton>
                                        </td>

                                    </tr>
                                </table>

                            </div>
                        </div>
                    </div>

                    <div class="icon_action">
                        <h:outputLink value="createNewTour.jsp?action=editforTour&page=listTour.jsp&SV216=0&height=310px&width=405px" styleClass="fancybox">
                            <h:graphicImage title="Sản phẩm Tour" style="float:left;" value="../images1/add.png"/>
                        </h:outputLink>

                    </div>

                    <div class="icon_action">
                        <h:outputLink  rendered="#{loginSession.right.TOU_LST_TOUR}" value="createProduct.jsp" >
                            <h:graphicImage title="Sản phẩm Tour" style="float:left;" value="../images1/sptour.png"/>
                        </h:outputLink>
                    </div>   
                    <div class="icon_action">
                        <h:commandButton actionListener="#{TourBean.exportExcel()}"  
                                         onclick="showPleaseWait();"                                   
                                         styleClass="buttonExcel" >                

                        </h:commandButton>                      
                    </div>

                    <div class="icon_action">
                        <h:outputLink  rendered="#{loginSession.right.EMP_LST_MAL}" value="popUpSendEmail.jsp?page=employee&step=9&fk100reload=0&KeepThis=true&amp;TB_iframe=true&amp;height=653&amp;width=741&amp;modal=true" styleClass="thickbox add_new abc" id="thickbox15"  >
                            <img src="../images1/email.png" title="Send mail"/>
                        </h:outputLink>

                    </div>

                </div>
                <div id="menutop">
                    <div class="dropdown">
                        <div class="select_choise">
                            <a href="#"><span>Khu vực</span></a>
                        </div>
                        <div class="select_hidden">
                            <ul>

                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                                <li><a href="#"><span>Filter Cấp 3</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <h:panelGroup rendered="#{loginSession.right.DAB_LST_PAR}">
                        <div class="dropdown">
                            <div class="select_choise">
                                <a href="#">
                                    <span class="department2" lang="<h:outputText value="#{n450_n850.fn850}"/>">
                                        <h:outputText rendered="#{n450_n850.fn850 !=0}" value="#{n450_n850.nv851}"/>
                                        <h:outputText rendered="#{n450_n850.fn850 ==0}" value="Tất cả"/>
                                    </span>
                                </a>

                            </div>
                            <div class="select_hidden departmentlistN850">

                                <ul>
                                    <li><a href="#"><span class="department3" lang="<h:outputText value="0"/>">
                                                <h:outputText value="Tất cả"/>
                                            </span></a></li>                          


                                    <a4j:repeat value="#{n450_n850.listComb850}" var="item">
                                        <li><a href="#"><span class="department2" lang="<h:outputText value="#{item.value}"/>">
                                                    <h:outputText value="#{item.label}"/>
                                                </span></a></li> 
                                            </a4j:repeat>
                                </ul>
                            </div>
                        </div>
                    </h:panelGroup>

                </div>

              

                <div style="width: 100%;float: left;height: 67%;overflow: auto;">
                    <div class="headerdivtable">
                        <div class="itemheaderdivtable_center" style="width: 2%;">
                            <h:outputText value="STT"/>
                        </div>
                        <h:panelGroup rendered="#{kapiMenu.checkListCompany}">
                            <td class="itemheaderdivtable_center " style="width: 5%">
                                <h:outputText value="Tour CT" />
                            </td>
                        </h:panelGroup>
                        <h:panelGroup rendered="#{kapiMenu.checkList}">
                            <td class="itemheaderdivtable_center " style="width: 5%">
                                <h:outputText value="Tour CN" />
                            </td>
                        </h:panelGroup>
                        <div class="itemheaderdivtable_center" style="width: 13%;">
                            <h:outputText value="CHỨC NĂNG"/>
                        </div>                   
                        <div class="itemheaderdivtable_center" style="width: 6%;">
                            <h:outputText value="CODE TOUR" />
                        </div>
                        <%--  <div class="itemheaderdivtable_center" style="width: 6%;">
                              <h:outputText value="XÉT DUYỆT"/>
                          </div> --%>
                        <div class="itemheaderdivtable_center" style="width: 19%;">
                            <h:outputText value="TÊN TOUR"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 14.5%;">
                            <h:outputText value="CÔNG TY"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 7%;">
                            <h:outputText value="STATUS"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 4%;">
                            <h:outputText value="TỐI ĐA"/>
                        </div>

                        <div class="itemheaderdivtable_center" style="width: 4%;">
                            <h:outputText value="THAM GIA" />
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 4%;">
                            <h:outputText value="CÒN"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 6%;">
                            <h:outputText value="GIÁ BÁN"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 8%;">
                            <h:outputText value="NGÀY BAY"/>
                        </div>
                        <div class="itemheaderdivtable_center" style="width: 8%;">
                            <h:outputText value="NGÀY VỀ"/>
                        </div>



                    </div>

                    <div class="headerdivtable_over">
                        <a4j:repeat value="#{TourBean.listTour}"  var="item" rowKeyVar="index">

                            <div class="noteRow headerdivtable_bootom <h:outputText rendered="#{index%2 !=0}"  value="headerdivtable_tr"/>">
                                <div class="itemheaderdivtable_center " style="width: 2%;color:#0055A6;">
                                    <h:outputText value="#{index+1}"/>
                                </div>
                                <h:panelGroup rendered="#{kapiMenu.checkListCompany}">
                                    <td class="itemheaderdivtable_center <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 5%">
                                        <h:selectBooleanCheckbox value=""  styleClass="checkTourCom" lang="#{item.fv050}" title="#{item.vv051}:#{item.vn055st}" />
                                    </td>
                                </h:panelGroup>
                                <h:panelGroup rendered="#{kapiMenu.checkList}">
                                    <td class="itemheaderdivtable_center <h:outputText rendered="#{index%2 !=0}"  value="odd"/>" style="text-align: center;width: 5%">
                                        <h:selectBooleanCheckbox value=""  styleClass="checkTourCN" lang="#{item.fv050}" title="#{item.vv051}:#{item.vn055st}" />
                                    </td>
                                </h:panelGroup>
                                <div class="itemheaderdivtable_center" style="width: 13%;">
                                    <h:outputLink rendered="#{loginSession.right.TOU_LST_EDT}" value="editcodeproductTour.jsp?id=#{item.fv050}&action=editforTour&page=listTour.jsp&SV216=0&height=310px&width=405px" styleClass="fancybox" id="fancybox1" >
                                        <img style="padding-right:4px;" src="../images/edit.png" alt="Sửa" title="Sửa" />
                                    </h:outputLink>
                                    <h:outputLink rendered="#{loginSession.right.TOU_LST_DEL}" value="delete.jsp?id=#{item.fv050}&flag=V050D&page=listTour.jsp&width=300&height=150" styleClass="fancybox add_new" id="thickbox2"  style="cursor:pointer" >
                                        <img style="padding-right:4px;" src="../images/delete_1.png" alt="Xóa"  title="Xóa" />
                                    </h:outputLink>
                                    <img style="padding-right:4px;" src="../images/docs_icon.png" title="Người cập nhật :   <h:outputText  value="#{item.vl099}" />(<h:outputText  value="#{item.vl098}" ><f:convertDateTime  pattern="dd/MM/yyyy HH:mm:ss" /> </h:outputText>)-----Người chỉnh sửa :   (<h:outputText  value="#{item.vl097}" />)"/>
                                    <%-- <h:outputLink rendered="#{loginSession.right.TOU_LST_DOC}" value="documentTour.jsp?status=T&action=linkrecord&fv050=#{item.fv050}">
                                         <img style="padding-right:4px;" src="../images/docs_icon.png" alt="Tài liệu theo tour" title="Tài liệu theo tour"/>
                                     </h:outputLink> --%>
                                    <h:outputLink rendered="#{loginSession.right.TOU_LST_CHT}" value="managerTour.jsp?status=C&action=linkrecord&fv050=#{item.fv050}">
                                        <img style="padding-right:4px;" src="../images/mail_compose.png" alt="Chiết tính" title="Chiết tính"/>
                                    </h:outputLink>
                                    <h:outputLink rendered="#{loginSession.right.TOU_LST_WOR}" value="editworkSale.jsp?v050=#{item.fv050}&page=listTour.jsp&manager=sale&height=5px&width=600px" styleClass="fancybox add_new" id="fancyboxs">
                                        <img style="padding-right:4px;" style="width:14px;height:14px;" src="../images/work.png" alt="Thêm công việc" title="Thêm công việc"/>
                                    </h:outputLink>
                                    <h:panelGroup rendered="#{loginSession.right.TOU_LST_CNO}">
                                        <h:outputLink  value="debt.jsp?action=addCNforTour&fb050=#{item.fv050}&page=listTour" rendered="#{item.paystatus==1}">
                                            <img style="padding-right:4px;" src="../images/red.png" alt="Công nợ chưa thanh toán" title="Công nợ chưa thanh toán"/>
                                        </h:outputLink>
                                        <h:outputLink  value="debt.jsp?action=addCNforTour&fb050=#{item.fv050}&page=listTour" rendered="#{item.paystatus==2}">
                                            <img  style="padding-right:4px;" src="../images/yellow.png" alt="Công nợ đã thanh toán một phần" title="Công nợ đã thanh toán một phần"/>
                                        </h:outputLink>
                                        <h:outputLink  value="debt.jsp?action=addCNforTour&fb050=#{item.fv050}&page=listTour" rendered="#{item.paystatus==3}">
                                            <img style="padding-right:4px;" src="../images/green.png" alt="Công nợ đã thanh toán hoàn tất" title="Công nợ đã thanh toán hoàn tất"/>
                                        </h:outputLink>
                                    </h:panelGroup>
                                    <h:outputLink  rendered="#{loginSession.right.TOU_LST_CUS}" value="customer4tour.jsp?status=T&pv050=#{item.fv050}&action=delSS&tourname=#{item.vv052}&codetour=#{item.vv051}&date=#{item.vd073}&nametourunnicode=#{item.vv067}">
                                        <img style="padding-right:4px;" src="../images/icon7.png" alt="Khách hàng theo tour" title="Khách hàng theo tour"/>
                                    </h:outputLink>
                                    <h:graphicImage  value="../images/history.png" height="15px" width="15px" alt="Nguoi dai dien" title="Nguoi dai dien" styleClass="showNote showpersonal#{item.fv050}" lang="#{item.fv050}">                                                            
                                    </h:graphicImage>
                                </div>

                                <div class="itemheaderdivtable_center graphic" style="width: 6%;">
                                    <div class="<h:outputText rendered="#{item.checknote1}" value="shownoteTour"/>"><h:outputText value="#{item.vv051}" title="#{item.vv071}"/></div>

                                </div>

                                <div class="itemheaderdivtable_left" style="width: 19%;">
                                    <a href="productTourCopy.jsp?action=detailTourCopy&FS400=<h:outputText value="#{item.FS400}"/>&FV050=<h:outputText value="#{item.fv050}"/>"><h:outputText value="#{item.vv052}" /></a>
                                </div>
                                <div class="itemheaderdivtable_left" style="width: 14.5%;">
                                    <h:outputLink value="cuscompany.jsp?action=linkCom&pnPK100=#{item.fk100}&type=#{item.kn114}"><h:outputText value="#{item.subKv103}" title="#{item.kv103}" /></h:outputLink>
                                </div>
                                <div class="itemheaderdivtable_center" style="width: 7%;">
                                    <h:panelGroup rendered="#{!item.checkTour}">    
                                        <h:outputText styleClass="hideW"  value="#{item.vv065}" /> <div class="showCombo"><h:graphicImage value="../images/up.png"/></div>
                                    </h:panelGroup>
                                    <h:panelGroup rendered="#{item.checkTour}">    
                                        <h:selectOneMenu styleClass="chooseStatus1" lang="#{item.fv050}" style="width:50px;" value=""> 
                                            <f:selectItem itemValue="PL" itemLabel="PL"/>
                                            <f:selectItem itemValue="FL" itemLabel="FL"/>
                                            <f:selectItem itemValue="OO" itemLabel="OO"/>
                                            <f:selectItem itemValue="TT" itemLabel="TT"/>
                                            <f:selectItem itemValue="LL" itemLabel="LL"/>
                                            <f:selectItem itemValue="CC" itemLabel="CC"/>
                                        </h:selectOneMenu>
                                    </h:panelGroup>
                                    <div class="more" style=" float: left;display: none;">
                                        <h:selectOneMenu styleClass="chooseStatus" lang="#{item.fv050}" style="width:50px;" value=""> 
                                            <f:selectItem itemValue="PL" itemLabel="PL"/>
                                            <f:selectItem itemValue="FL" itemLabel="FL"/>
                                            <f:selectItem itemValue="OO" itemLabel="OO"/>
                                            <f:selectItem itemValue="TT" itemLabel="TT"/>
                                            <f:selectItem itemValue="LL" itemLabel="LL"/>
                                            <f:selectItem itemValue="CC" itemLabel="CC"/>
                                        </h:selectOneMenu>
                                        <div class="del"><h:graphicImage value="../images/delete_2.png"/></div>
                                    </div>
                                    <div class="hideW1" style="display: none;">
                                        <h:outputText styleClass="hideW2"  value="#{item.vv065}" /> 
                                        <div class="showCombo1"><h:graphicImage value="../images/up.png"/></div>
                                    </div>
                                </div>
                                <div class="itemheaderdivtable_center " style="width: 4%;">
                                    <h:outputText  value="#{item.vn053}" />
                                </div>
                                <div class="itemheaderdivtable_center " style="width: 4%;">
                                    <h:outputText  value="#{item.count}" />
                                </div>

                                <div class="itemheaderdivtable_center " style="width: 4%;">
                                    <h:outputText style="font-weight:bold;color:red;" value="#{item.socho}" />
                                </div>
                                <div  class="itemheaderdivtable_right " style="width: 6%;">
                                    <h:outputText style="font-weight:bold;color:red;"  value="#{item.vn055st}" />
                                </div>


                                <div class="itemheaderdivtable_center " style="width: 8%;">
                                    <h:outputText  value="#{item.vd073}" ><f:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText>
                                </div>
                                <div  class="itemheaderdivtable_center " style="width: 8%;">
                                    <h:outputText  value="#{item.vd074}" ><f:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText>
                                </div>

                            </div>
                              
                            <div class="noteContent">

                            </div>
                        </a4j:repeat>
                    </div>
                </div>

                <rich:modalPanel id="ajaxLoadingModalBox" minHeight="30" minWidth="40"
                                 height="30" width="40" zindex="2000">
                    <h:outputText value="#{locale.please_wait}" styleClass="startDummer"></h:outputText>
                </rich:modalPanel>


                <div class="fotter-page">
                    <jsp:include page="../../common/pagingTour.jsp"/>
                </div>
            </div>
        </a4j:form>


    </body>
</html>
<style>
    .noteContent{
        width:100%;
    }
    .buttonsms{
        margin-top:-5.7% !important;
    }
    table{
        width: 100%;
    }

</style>